{{define "Title"}}按订单查询{{end}}
{{define "Content"}}

<script type=text/javascript src="/js/splitPage.js"></script>
<script type=text/javascript src="/js/poPerPage.js"></script>
<script type=text/javascript src="/js/downloadpo.js"></script>
<script type=text/javascript src="/js/tablestyle.js"></script>

<div class="container-fluid">
<form class="form-horizontal" action="/querypo" method="POST">
  <fieldset>
    <legend><b>按订单查询</b></legend>
    <div class="control-group">
      <label class="control-label">订单&nbsp;</label>
      <div class="control">
        <input type="text" class="input-large" id="pono" name="pono" style="font-weight: bold; text-transform:uppercase; background-color: #FFFFD0;" maxlength="30"> <b style="color: red">*</b>
      </div>
    </div>
    <div class="form-actions">
      <button type="submit" class="btn btn-primary">查询</button>
    </div>
    {{if .po_ls}}
      <div>
        <input type=button id="download" value="Download..." style="font-weight: bold;">
      </div>
    {{end}}
  </fieldset>
</form>
</div>

{{if .po_ls}}
<div class="content-box">
  <div class="content-box-header">
    <p style="font-size: 16px;">&nbsp;&nbsp;<b>发货明细</b></p>
  </div>
  <div class="content-box-content">
<span id=obj1 style="color: black">
<table id="tbl_ls" border="1" cellspacing="0" cellpadding="0">
  <thead>
    <tr>
      <th>索引</th>
      <th>订单</th>
      <th>产品序号</th>
      <th>作业员</th>
      <th>发货日期</th>
    </tr>
  </thead>
  
  <tbody>
    {{range .po_ls}}
    <tr>
      <td id="detail_idx" fieldset style="color: #666666; border-style: groove; font-weight: bold; font-size: 14px" align="center" width="80">{{.Index | html}}</td>
      <td id="detail_pon" fieldset style="color: #666666; border-style: groove; font-weight: bold; font-size: 14px">{{.PoId | html}}</td>
      <td id="detail_ssn" fieldset style="color: #666666; border-style: groove; font-weight: bold; font-size: 14px"><a href="/querybox?q={{.ProdId | html}}">{{.ProdId | html}}</a></td>
      <td id="detail_ope" fieldset style="color: #666666; border-style: groove; font-weight: bold; font-size: 14px">{{.Operater | html}}</td>
      <td id="detail_dte" fieldset style="color: #666666; border-style: groove; font-weight: bold; font-size: 14px">{{.Date | html}}</td>
    </tr>
    {{end}}
  </tbody>  
</table>
</span>
</div>
</div>
<input type=hidden id="cpono" value="{{.pono | html}}">
<span id="spanFirst"><img id='first' src="/images/FirstPageImageUrl.gif" onclick="onFirstClick();"/></span> <span id="spanPre"><img id='prev' src="/images/PreviousPageImageUrl.gif" onclick="onPrevClick();"/></span> <span id="spanNext"><img id='next' src="/images/NextPageImageUrl.gif" onclick="onNextClick();"/></span> <span id="spanLast"><img id='last' src="/images/LastPageImageUrl.gif" onclick="onLastClick();"/></span> 当前页: <span id="spanPageNum">{{.curr_page}}</span> / 总页数: <span id="spanTotalPage">{{.total_page}}</span> <span><input id="specialnum" style="width: 60px; color: blue; font-size: 14px; font-weight: bold;" type="text" onkeydown="onSpecialKeydown();"></span><span id="GotoSpecial" style="font-size: 14px; font-weight: bold; cursor:hand; text-decoration:underline; color: #57a000;" onclick="onSpecialClick();">Goto!</span>
<input type=button id="poperquery" value="ff" style="display:none">
{{end}}

{{end}}